*{padding:0;margin:0}
body{
    background:#e3d4a8 url(../img/body_bg.png) repeat-x top left;
    text-align:center;
    font:16px Myriad pro,Droidsans,droidserif
}

#bg-photo {
	position:absolute;display:block;
	z-index:-1;
	top:0;
	left:0;
	width:100%;
    overflow:hidden;
	height:600px;
}

a {text-decoration:none;/text-decoration:none;outline:none;}
a:hover {text-decoration:none;}

form {
    padding:0 20px 10px;
    background:#F4EBD7;
    float:left;
    width:300px;
    box-shadow:0 0 5px #999;
    color:#BF9C57;
    position:relative
}
    form p{margin:10px 0 20px}
    input, textarea {
        width:97%;
        display:block;
        padding:2px 4px;
        margin:0 0 10px 0;
        font:20px Myriad pro,Droidsans,droidserif;
        border:1px solid #AAAAAA
    }
    input[type=submit] {
    	border:none;
    	background:#7F775E;
    	margin:0 5px;
    	color:#fff;
    	cursor:pointer;
    	text-transform:uppercase
    }
    
    input.form-error,textarea.form-error{border-color: #f00}
    .form-errors { position: absolute; left:330px; top:10px }
    .error-message{
        background:#f00;
        color:#fff;
        padding:2px 4px;
        width:250px;
    }
    
    textarea{height:120px}
    ::-webkit-input-placeholder { color:#888 }
    ::-moz-placeholder 			{ color:#888 }
    :-moz-placeholder 			{ color:#888 }
    :-ms-input-placeholder 		{ color:#888 }

h1,h2,h3{font-family:Cambria,Georgia}
h1 {
    font-size:36px;
    font-weight:normal;
    color:#863D34;
    margin-bottom:20px
}
h2 {
    font-size:20px;
    font-weight:normal;
    margin:20px 0 10px;
    color:#A46D66;
    text-transform: uppercase
}
h2 a{color:#5E1418}

p {
    margin-bottom:15px
}

.left  {float:left}
.right {float:right}
.clear {clear:both}

#container{width:800px;margin:0 auto}

#flashMessageContainer{
    position:fixed;
    left:0;
    top:0;
    width:100%;
    z-index:9999;
    color:#fff;
    text-align:center;
    box-shadow:0 0 5px #000
}
    #flashMessage{padding:10px 0}
    #flashMessage.ok{background:#319310}
    #flashMessage.error{background:#f00}

header{
    height:80px;
    text-align:right;
    color:#bf9b98;
    position:relative
}

#logo {
    float:left
}

#social {
    margin: 10px 0
}
    #social a {
        display:inline-block;
        width:20px;
        height:20px;
        overflow:hidden;
        background-position:0 0;
        background-repeat:no-repeat;
        color:transparent;
        
        -moz-user-select:none;
        -webkit-user-select:none;
        -ms-user-select:none;
        user-select:none
    }
    #social a:hover {background-position:-20px 0}
    #social .youtube{background-image:url(../img/youtube.png)}
    #social .facebook{background-image:url(../img/fb.png)}
    #social .twitter{background-image:url(../img/twitter.png)}

#page-menu {
    list-style:none;
    position:absolute;
    right:0;
    top:50px
}
    #page-menu li {
        display:inline-block;
        margin-right:10px;
        padding-right:10px;
        border-right: 1px solid #fff;
        opacity:0.5
    }
    #page-menu li:last-child {
        margin-right:0;
        padding-right:0;
        border:none
    }
    #page-menu a {
        color:#fff;
    }
    #page-menu a:hover {
        text-decoration:underline
    }

#menu{clear:both}
#menu ul{
	list-style-type:none;
	background:url(../img/menu_bg.png) repeat-x top left;
	height:50px;
	width:800px;
}
#menu a {
	background:url(../img/menu_divider.gif) no-repeat center right;
	padding:13px 16px 10px 18px;
	display: block;
	text-decoration: none;
	font-size: 19px;
	color:#5e1418;}
#menu li{
	float: left;
}

#homepage-groups {
    list-style:none;
    padding:0 !important;
    margin:0 35px;
    float:left;
    width:700px
}
    #homepage-groups li {
        width:220px;
        height:220px;
        float:left;
        margin:0 10px 10px 0;
        display:table;
    }
    #homepage-groups h2 {
        margin-bottom:10px;
        font-size:22px;
        font-weight:normal
    }
    #homepage-groups h2 a {
        color:#A46D66;
    }
    #homepage-groups .item {
        background:#fff;
        box-shadow:0 0 4px #999;
        margin:0 10px 10px 0;
        float:left;
        width:90px;
        height:90px;
        padding:3px;
        display:table-row
    }
    #homepage-groups .item a {
        display:table-cell;
        width:90px;
        height:90px;
        vertical-align: middle;
        text-align: center
    }
    
#content .product-list {
    list-style:none;
    padding:0;
    float:left;
    width:732px;
    display:table;
    margin-left:15px
}
    .product-list li {
        float:left;
        margin:0 20px 40px 0;
        padding:5px;
        display:table-row;
        position:relative;
        background:#fff;
        box-shadow:0 0 4px #999
    }
    .product-list li:nth-child(5n){margin-right:0}
    .product-list li:hover {
        box-shadow: 0 0 4px #777;
    }
    .product-list a {
        overflow:hidden;
        display:table-cell;
        text-align:center;
        vertical-align:middle
    }
    .product-list .price{
        position:absolute;
        right:0;
        bottom:-30px;
        text-align:right;
        font-size:1.2em;
        font-style:italic;
        color:#863D34
    }
    
    .product-list .info {
        display:none;
        position:absolute;
        left:0;
        top:0;
        border:3px solid rgba(192,89,38, 0.5);
    }
    .product-list li:hover .info {
        display:block
    }
    .product-list .line {
        background:rgba(192,89,38, 0.5);
        color:#fff;
        position:absolute;
        text-align:left;
        left:0;
        bottom:0;
        width:100%;
        font:12px Tahoma, Arial;
        padding:5px 0 3px
    }

.product-details {
    width:300px
}
    .product-details .label {
        width:80px;
        text-align:right;
        margin-right:5px;
        display:inline-block
    }
    .product-details .info {
        font-size: 0.9em;
        color:#777;
        margin-left:90px;
        display:block
    }
    .product-details .info:before {
        content: "*"
    }

.similar-products {
	width:700px;
	height:100px;
	margin:0 auto
}
	.similar-products .price {font-size:0.9em}
	.similar-products li:nth-child(5n){margin-right:20px}
	.similar-products li:nth-child(6n){margin-right:0}

#content{
	min-height:560px;
	background:#fff url(../img/content_bg.png) repeat-x 0 100%;
    text-align:left;
    padding:20px;
}
    #content.cke_editable{background:#fff}
    #content ul {
        padding-left:30px
    }
    
#map {
    width:400px;
    height:504px;
    float:right;
    margin:0 0 20px 20px
}

footer{
    text-align:center;
    color:#7f775e;
    font-size:13px;
    margin-top:20px;
    clear:both
}

.fb-share {
    padding-left:24px;
    background:url(../img/fb.png) no-repeat -20px 0;
    font:12px Tahoma,Arial;
    line-height:20px;
    height:20px;
    display:inline-block;
    color:#3B559F
}
    .fb-share:hover {
        text-decoration:underline
    }
    
.pagination {
    clear:both;
    margin:20px 0;
    text-align:center;
    color:#7F775E;
    font-size:14px
}
    .pagination .numbers {
        display:inline-block
    }
    .pagination a, .pagination span{
        color:#7F775E;
        display:inline-block;
        margin:0 3px
    }
    .pagination .current {
        color:#5E1418;
        font-weight:bolder
    }
    
.big { font-size: 1.3em }
.red { color:#840F02 }

#product-images .medium td{position:relative}
#product-images .medium.loading .image{ opacity:0.2 }
#product-images .medium .throbber { display:none;position:absolute}
#product-images .medium.loading .throbber { display:block }
#product-images ul{list-style:none}
#product-images li{float:left}

.lightbox{margin:0;padding:0}
.lightbox .ui-dialog-titlebar{height:20px;margin-top:-22px;padding:0;border:none;background:transparent}
.lightbox .ui-dialog-titlebar-close{right:-0.7em;top:1.25em;z-index:999;box-shadow:0 0 5px #000}
.lightbox .ui-dialog-content{margin:0;padding:0;clear:both}
